<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="google" content="notranslate">
		<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
		<link rel="icon" href="/favicon.ico">
		<title>康诺芯健康管理系统</title>
		<style>
			#loading-mask {
				position: fixed;
				left: 0;
				top: 0;
				height: 100%;
				width: 100%;
				background: #fff;
				user-select: none;
				z-index: 9999;
				overflow: hidden
			}

			.loading-wrapper {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -100%)
			}

			.loading-dot {
				animation: antRotate 1.2s infinite linear;
				transform: rotate(45deg);
				position: relative;
				display: inline-block;
				font-size: 64px;
				width: 64px;
				height: 64px;
				box-sizing: border-box
			}

			.loading-dot i {
				width: 22px;
				height: 22px;
				position: absolute;
				display: block;
				background-color: #04A580;
				border-radius: 100%;
				transform: scale(.75);
				transform-origin: 50% 50%;
				opacity: .3;
				animation: antSpinMove 1s infinite linear alternate
			}

			.loading-dot i:nth-child(1) {
				top: 0;
				left: 0
			}

			.loading-dot i:nth-child(2) {
				top: 0;
				right: 0;
				-webkit-animation-delay: .4s;
				animation-delay: .4s
			}

			.loading-dot i:nth-child(3) {
				right: 0;
				bottom: 0;
				-webkit-animation-delay: .8s;
				animation-delay: .8s
			}

			.loading-dot i:nth-child(4) {
				bottom: 0;
				left: 0;
				-webkit-animation-delay: 1.2s;
				animation-delay: 1.2s
			}

			@keyframes antRotate {
				to {
					-webkit-transform: rotate(405deg);
					transform: rotate(405deg)
				}
			}

			@-webkit-keyframes antRotate {
				to {
					-webkit-transform: rotate(405deg);
					transform: rotate(405deg)
				}
			}

			@keyframes antSpinMove {
				to {
					opacity: 1
				}
			}

			@-webkit-keyframes antSpinMove {
				to {
					opacity: 1
				}
			}
		</style>
		<!-- require cdn assets css -->
		<% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
		<link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
		<% } %>
			<script>
				(function(doc, win) {
					var docEl = doc.documentElement,
						resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
						recalc = function() {
							var clientWidth = docEl.clientWidth;
							if (!clientWidth) return;
							docEl.style.fontSize = 100 * (clientWidth / 1920) + 'px';
							// if (clientWidth >= 640) {
							// 	docEl.style.fontSize = '100px';
							// } else {
							// 	docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
							// }
						};
			
					if (!doc.addEventListener) return;
					win.addEventListener(resizeEvt, recalc, false);
					doc.addEventListener('DOMContentLoaded', recalc, false);
				})(document, window);
			</script>
	</head>
	<body>
		<noscript>
			<strong>We're sorry but 康诺芯健康管理系统 doesn't work properly without JavaScript enabled. Please enable it to
				continue.</strong>
		</noscript>
		<div id="app">
			<div id="loading-mask">
				<div class="loading-wrapper">
					<span class="loading-dot loading-dot-spin"><i></i><i></i><i></i><i></i></span>
				</div>
			</div>
		</div>
		<!-- require cdn assets js -->
		<% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
		<script type="text/javascript" src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
		<% } %>
		<!-- built files will be auto injected -->
	</body>
</html>